$(function(){
	//加载页面时，默认选中停车场管理
	changeCss($("#location"));
	
	
	//整体窗口
	var wd = $(window.parent.document);
	
	 //控制按钮点击页面跳转事件
	 //停车场管理
	$("#location").click(function(){
		changeCss($(this));
		
		//点击内容区到停车场管理页面
		var main_div = wd.find(".easyui-layout");//找到最外层的div块
		
		var inner_div = main_div.find(".content");//iframe所在的div块
		inner_div.find("iframe").attr({
			"src":"html/停车场管理/parking_lot.html",
		})
	});
	
	
	//停车位管理
	$("#area").click(function(){
		changeCss($(this));
		
		//点击内容区到停车场管理页面
		var main_div = wd.find(".easyui-layout");//找到最外层的div块
		
		var inner_div = main_div.find(".content");//iframe所在的div块
		inner_div.find("iframe").attr({
			"src":"html/停车位管理/parking_area.html",
		})
	});
	
	
	//计费规则
	$("#fee").click(function(){
		changeCss($(this));
		
		//点击内容区到停车场管理页面
		var main_div = wd.find(".easyui-layout");//找到最外层的div块
		
		var inner_div = main_div.find(".content");//iframe所在的div块
		inner_div.find("iframe").attr({
			"src":"html/计费规则/fee_rule.html",
		})
	});
	
 });



//点击样式改变
//参数是当前jq选择的节点
function changeCss(obj){
	//把rgb对象改为十六进制颜色值
	var color =  rgb2hex(obj.css("background-color"));
	
	if(color !== "#ffffff"){
		
		obj.css({"background-color":"#ffffff","color":"black"});
	}else{
		//先全部设置为白色，字体黑色
		$("div.car_lots").css({"background-color":"#ffffff","color":"black"});
		//再把当前元素设置为蓝色
		obj.css({"background-color":"#0099FF","color":"white"});
	}
}



//rgb对象改为十六进制颜色值
function rgb2hex(rgb) {
	rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
	function hex(x) {
	return ("0" + parseInt(x).toString(16)).slice(-2);
	}
	return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}


